<template>
	<!-- 顶部模块：导航 nav -->
	<GroupHeader></GroupHeader>

	<!-- 中间板块： tab container -->
	<div id="container">
		<RouterView />
	</div>
	
	<!-- 底部模块 -->
	<Footer></Footer>
</template>

<script setup>
import { RouterView, useRoute } from 'vue-router'
import { ref, provide } from 'vue';
import GroupHeader from '@/components/GroupHeader.vue'
import Footer from '@/components/Footer.vue'
import { GroupService } from '@/common/common.object'

const route = useRoute();

const GROUP_ID = route.params.id || route.params.groupId;

const group = ref(null);
provide('groupId', GROUP_ID)
provide('group', group)

GroupService.get(GROUP_ID).then(result => {
	group.value = Object.freeze(result);
});

</script>


<style scoped>

</style>
